<template>
	<view  v-slot="{msg}">
		<div class="blog-post">
			
			<slot>
			</slot>
			<h3 align="center">{{ post.title }}</h3>
			<button v-on:click="$emit('enlarge-text', {param1: 0.1})">
				Enlarge text
			</button>
			<div v-html="post.content"></div>
			
			<!-- new v-slot -->
			<slot name="msg" v-bind:msg="cc"></slot>
			<slot name="footer"></slot>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cc: "i am child"
			};
		},
		props: [
			'post'
		]
	}
</script>

<style>

</style>
